* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,body,#app {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(to bottom, #20427a, #10152b);
    user-select: none;
    overflow: hidden;
}
.el-icon:hover {
    cursor: pointer;
}
.is-active{
    color: #3069f0!important;
}
.chart-item > div:first-child {
    height: 100%!important;
}
.star-container{
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
#nprogress .bar {
    background: rgb(63, 133, 255) !important;
  }
  /* 全局美化滚动条，深蓝科技风 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
  }
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #23395d 0%, #1a2a45 100%);
    border-radius: 8px;
    box-shadow: 0 2px 8px #1a2a4533 inset;
    border: 2px solid #22304a;
    min-height: 40px;
    transition: background 0.3s;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #3a6ea5 0%, #22304a 100%);
  }
  ::-webkit-scrollbar-track {
    background: rgba(30,40,80,0.18);
    border-radius: 8px;
  }
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #23395d rgba(30,40,80,0.18);
  }